<style lang="scss" scoped>
    @import '../../css/resource.scss';
</style>

<template>

    <section>

        <section class="book-nav clearfix">
            <el-breadcrumb separator=" > " class="fl">
                <el-breadcrumb-item >资源管理</el-breadcrumb-item>
                <el-breadcrumb-item >我的资源</el-breadcrumb-item>
                <el-breadcrumb-item v-if="$route.meta">{{$route.meta.title}}</el-breadcrumb-item>
            </el-breadcrumb>
            <span class="book-addbtn  fr fs-16"><span style="margin-right: 10px;">+</span>添加资源</span>
        </section>

        <section class="mt">

            <div class="up-nav">
                <div class="title-left">
                    <ul class="tl-top">
                        <li><span>书籍</span></li>
                        <li><span>课程</span></li>
                        <li class="font-active"><span>营销案例</span></li>
                    </ul>
                </div>

                <div class="title-sec2">
                    <span class="title-secl title-secl1">分类</span>

                    <ul class="title-secul">
                        <li>
                            <span class="fs-14">视频/音频</span>
                        </li>
                        <li>
                            <span class="fs-14">PDF</span>
                        </li>
                        <li>
                            <span class="fs-14">PPT</span>
                        </li>
                    </ul>

                    <div class="search-box">
                        <img class="search" src="../../images/search.png" alt="">
                        <input type="text" placeholder="输入的华语音乐好机会就会">
                    </div>
                </div>

            </div>

           <!--  <section class="al-system clearfix">
                <label class="nav-label fs-14 fl">知识体系：</label>
                <ul class="nav-list clearfix ml fl">
                    <li class="fl fs-14 nav-font-active">售前要点</li>
                    <li class="fl fs-14">售前讲解</li>
                    <li class="fl fs-14">时间管理</li>
                    <li class="fl fs-14">质量审核</li>
                    <li class="fl fs-14">采购管理</li>
                </ul>
            </section> -->

            <section class="addrl-list">
                <ul class="cl-list clearfix">
                    <li class="fl mr mt pb40">
                        <img class="cll-img" src="" alt="">
                        <div class="cll-bottom">
                            <h6 class="cll-title">xxxxx（xx推荐）是标题（某某推荐）是标题是标题是标题是标题是是标题（某某推荐）是标题是标题是标题是标题是是标题（某某推荐）是标题是标题是标题是标题是</h6>
                            <p class="fs-14 cll-author">xx人查阅</p>
                        </div>
                    </li>
                    <li class="fl mr mt pb40">
                        <img class="cll-img" src="" alt="">
                        <div class="cll-bottom">
                            <h6 class="cll-title ">xxxxx（xx推荐）</h6>
                            <p class="fs-14 cll-author">xx人查阅</p>
                        </div>
                    </li>

                </ul>
            </section>

        </section>

    </section>

</template>

<script>

	import qs from 'qs'

	export default{
		data: function(){
			return {}
		},
		mixins: [mixinMethods],
		methods: {

		},
		mounted: function(){

			/*axios.post('/xxx', qs.stringify({})).then( (res) => {
                var d = res.data;
                if(d.flag == 1){
                }
            } )*/
		}
	}


</script>
